<template>
  <div>
    <headertitle></headertitle>
    <div class="body" id="body5">
     <div id="Ammr">
        <h3>您的购物车是空的</h3>
        <div> <router-link to="">去首页看看</router-link> </div>
    </div>
    </div>
    <footertitle></footertitle>
  </div>
</template>

<script>
import headertitle from "../components/headertitle.vue";
import footertitle from "../components/footertitle.vue";
export default {
  components: { headertitle, footertitle }
};
</script>
<style>
   #body5 #Ammr {
        width: 100%;
        border: 1px solid #d3d3d3;
        float: left;
        height: 500px;
        background: #fff;
    }

   #body5 #Ammr h3 {
        width: 100%;
        text-align: center;
        color: #000;
        margin-top: 200px;
        font: 16px/40px "simhei";
    }
   #body5 #Ammr div {
        width: 10%;
        text-align: center;
        margin-left: 45%;
        color: #fff;
        line-height: 40px;
        font: 20px/40px "simsun";
        background: lightsalmon;
        border-radius: 8px;
    }
</style>
